<template>
    <div class="header">
         城市选择
         <router-link to="/">
            <div class="iconfont city-back-icon">&#xe624;</div>
         </router-link>
    </div>
</template>
<script>
export default {
    name:"CityHeader"
}
</script>
<style lang="stylus" scoped>
@import "~styles/varibles.styl"
    // 8-1 主要内容还是css样式问题，考察css基础
    .header
        position: relevent
        overflow: hidden
        font-size: .32rem
        height: $headerHeight
        line-height: $headerHeight
        color: #fff
        background: $bgColor
        text-align: center
        .city-back-icon
            position: absolute 
            top: 0
            left: 0
            font-size: .4rem
            color: #fff
            margin-left: .2rem
</style>